<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>39_41</title>
  <style>
    #container {
      margin: 0 auto;
      background-color: #ccc;
      border-radius: 5px;
      width: 900px;
      height: 500px;
      padding: 10px;
    }
    th,td {
      width: 50px;
      text-align: center;
    }
    tr td:nth-of-type(1),
    tr td:nth-of-type(2) {
      width: 70px;
    }
    div:nth-of-type(1) {
      background-color: #edd08e;
    }
    div:nth-of-type(2) {
      background-color: #ccfc62;
    }
  </style>
</head>
<body>
<div id="container">
  <div id="region">
    <label><input id="regionAll-checkbox" type="checkbox" value="全选">全选</label><br>
    <label><input type="checkbox" value="华北">华北</label>
    <label><input type="checkbox" value="华东">华东</label>
    <label><input type="checkbox" value="华南">华南</label>
  </div>
  <div id="product">
    <label><input id="productAll-checkbox" type="checkbox" value="全选">全选</label><br>
    <label><input type="checkbox" value="手机">手机</label>
    <label><input type="checkbox" value="笔记本">笔记本</label>
    <label><input type="checkbox" value="智能音箱">智能音箱</label>
  </div>
  <table id="table-wrapper">
  </table>
</div>

<script src="js/ife31data.js"></script>
<script src="js/checkbox.js"></script>
<script src="js/table.js"></script>
<script src="js/app3.js"></script>

</body>
</html>